<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="Java软件工程师简历,Java,Miku的简历,試毅-思伟的简历,个人博客,Java软件工程师">
    <meta name="description" content="李波Java软件工程师的个人简历">
    <meta name="author" content="李波">
    <title>hello,i am miku</title>
    <link rel="stylesheet" href="./live2d/css/live2d.css" />
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/base.css" type="text/css">
    <link rel="stylesheet" href="119.css">
    <link rel="stylesheet" href="css/cv.css">
    <!--[if lte IE 9]>
    <script type="text/javascript">
        // window.location = "./error.html"
    </script>
    <![endif]-->
</head>

<body>
    <div id="landlord">
        <div class="message" style="opacity:0"></div>
        <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
        <div class="hide-button">隐藏</div>
    </div>
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <script type="text/javascript">
        var message_Path = './live2d/'
        var home_Path = 'https://gongzhudian.gitee.io/miku/'
    </script>
    <script type="text/javascript" src="./live2d/js/live2d.js"></script>
    <script type="text/javascript" src="./live2d/js/message.js"></script>
    <script type="text/javascript">
        loadlive2d("live2d", "./live2d/model/tia/model.json");
    </script>
<div class="content ">
    <div class="cv-container">
        <div id="section1" class="section active">
            <div id="top" title="顶部">
                <img src="image/top.png" alt="回到顶部">
            </div>
            <div class="myIntro">
                <h1 class="fade">Hello, I'm Miku</h1>
                <h3 class="fade">一名Java软件工程师</h3>
                <span class="active fade" id="abMe">关于我</span>
                <span id="mypro" class="fade">我的作品</span>
                
            </div>
            <ul class="bg-img">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>

        <div id="section2" class="section">
            <!-- 导航条-->
            <div id="nav-bar" class="bar">
                <div class="container">
                    <a href="https://gitee.com/gongzhudian" target="_blank">
                        <div class="fl">miku_简历</div>
                    </a>
                    <ul class="fr nav-ul">
                        <li>关于我</li>
                        <li>求职意向</li>
                        <li>作品集</li>
                        <li>技术掌握</li>
                        <li>我的经历</li>
                        <li>联系我</li>
                        <li>爱心界面</li>
                        <li>心情视窗</li>
                        <li>轮播心情</li>
                    </ul>
                    <div class="fr more-nav">
                        <img src="image/more.png" alt="更多">
                    </div>
                </div>
                <ul class="nav-ul nav-xs-ul">
                    <li>关于我</li>
                    <li>求职意向</li>
                    <li>作品集</li>
                    <li>技术掌握</li>
                    <li>我的经历</li>
                    <li>联系我</li>
                    <li>爱心界面</li>
                </ul>
            </div>

            <!--关于我-->
            <h2>关于我</h2>
            <hr>
            <div class="center fades">
                <p class="center"><img src="image/logo.jpg" alt="头像"/></p>
                <div class="my-intro">
                    <p>Miku参与4-5个网站的前后端设计工作。
                        熟练使用Spring, SpringMVC，SpringBoot，Mybatis/plus等开源框架
                        熟练掌握 HTML5、Bootstrap、JQuery，Vue等技术。
                        熟悉微信小程序原生开发，uniapp的使用
                        爱好程序设计，喜欢开发自已的小型产品。
                        有良好的编程习惯，以及程序错误控制和解决能力。
                    </p>
                    <p>学习的路还很长，志同道合的朋友可以加我，一起进步。 我的微信
                        <a href="image/qrcode.png" target="_blank" id="qrcode"><img src="image/weixin.jpg"
                                                                                    alt="13647910412"/></a>。
                    </p>
                    <p>个人博客：<a href="#" target="_blank">地址</a></p>
                    <p>开发笔记：<a href="#" target="_blank">地址</a>
                    </p>

                </div>
            </div>
        </div>
        <div id="section3" class="section">
            <h2>求职意向</h2>
            <hr>
            <div class="container center fades">
                <div class="col-md-3 col-xs-6 skill-ps skill">
                    <p><img src="image/web.png" alt="Java软件工程师"></p>
                    <p class="ptitle">Java软件工程师</p>
                    <p>熟悉各种开源的框架如：Spring全家桶、Mybatis等</p>
                </div>
                <div class="col-md-3 col-xs-6 skill-web skill">
                    <p><img src="image/css.png" alt="css"></p>
                    <p class="ptitle">Java开发</p>
                    <p>熟悉支付宝、微信第三方支付，接触过聚合支付开发</p>
                </div>
                <div class="col-md-3 col-xs-6 skill-js skill">
                    <p><img src="image/js.png" alt="js"></p>
                    <p class="ptitle">Java开发工程师</p>
                    <p>了解关系型数据库设计及SQL，了解unix/Linux操作系统</p>
                </div>
                <div class="col-md-3 col-xs-6 skill-h5 skill">
                    <p><img src="image/h5.png" alt="h5"></p>
                    <p class="ptitle">Java Web开发</p>
                    <p>熟悉公众号开发及小程序开发</p>
                    <p>熟悉Nginx、Tomcat等常用web服务器</p>
                </div>
            </div>
        </div>
        <div id="section4" class="section">
            <h2>作品集</h2>
            <hr>
            <div class="container center fades">
                <p class="center intros">一直在努力,从未放弃</p>
                <div class="col-md-4 col-xs-6">
                    <div class="imgbox">
                        <img src="image/bootplus.png" alt="bootplus">
                    </div>
                    <a href="#" target="_blank">
                        <div class="zp-cover">
                            <h4>投票系统后台管理系统</h4>
                            <p>基于SpringBoot + SpringSecurity + MyBatisPlus的投票管理系统</p>
                            <img src="image/search.png" alt="查看">
                        </div>
                    </a>
                </div>
                <div class="col-md-4 col-xs-6">
                    <div class="imgbox">
                        <img src="image/springboot_mybatisplus.png" alt="SpringBoot集成MyBatisPlus">
                    </div>
                    <a href="#" target="_blank">
                        <div class="zp-cover" style="top: 45%">
                            <h4>/ 投票系统前台h5端-uniapp</h4>
                            <p>基于uniapp的投票管理系统用户端</p>
                            <img src="image/search.png" alt="查看">
                        </div>
                    </a>
                </div>
                <!-- <div class="col-md-4 col-xs-6 ">
                    <div class="imgbox">
                        <img src="image/fastjson-spring-boot-starter.png" alt="fastjson-spring-boot-starter">
                    </div>
                    <a href="#" target="_blank">
                        <div class="zp-cover">
                            <h4>fastjson-spring-boot-starter</h4>
                            <p>自制spring boot starter for fastjson</p>
                            <img src="image/search.png" alt="查看">
                        </div>
                    </a>
                </div> -->
                <!-- <div class="col-md-4 col-xs-6 ">
                    <div class="imgbox">
                        <img src="image/anires.png" alt="anires">
                    </div>
                    <a href="#" target="_blank">
                        <div class="zp-cover">
                            <h4>anires</h4>
                            <p>一个会动的简历</p>
                            <img src="image/search.png" alt="查看">
                        </div>
                    </a>
                </div> -->
                <div class="col-md-4 col-xs-6 ">
                    <div class="imgbox">
                        <img src="image/book.png" alt="ibooks">
                    </div>
                    <a href="#" target="_blank">
                        <div class="zp-cover">
                            <h4>ibooks</h4>
                            <p>VuePress-Solon开发笔记</p>
                            <img src="image/search.png" alt="查看">
                        </div>
                    </a>
                </div>

                <div class="col-md-4 col-xs-6 ">
                    <div class="imgbox">
                        <img src="image/blog.png" alt="blog">
                    </div>
                    <a href="#" target="_blank">
                        <div class="zp-cover">
                            <h4>个人博客网站</h4>
                            <p>miku技术博客网站</p>
                            <img src="image/search.png" alt="查看">
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div id="section5" class="section">
            <h2>技术掌握</h2>
            <hr>
            <div class="container center fades">
                <div class="col-md-3 col-xs-6">
                    <div class="wrap-box">
                        <div class="circle-wrap clip-auto">
                            <div class="left-clip percent"></div>
                            <div class="right-clip percent"></div>
                        </div>
                        <div class="circle-num">
                            <span>90</span>%
                        </div>
                    </div>
                    <p class="ptitle">Java、Spring、SpringBoot</p>
                </div>
                <div class="col-md-3 col-xs-6">
                    <div class="wrap-box">
                        <div class="circle-wrap clip-auto">
                            <div class="left-clip percent"></div>
                            <div class="right-clip percent"></div>
                        </div>
                        <div class="circle-num">
                            <span>80</span>%
                        </div>
                    </div>
                    <p class="ptitle">第三方支付、聚合支付</p>
                </div>
                <div class="col-md-3 col-xs-6">
                    <div class="wrap-box">
                        <div class="circle-wrap clip-auto">
                            <div class="left-clip percent"></div>
                            <div class="right-clip percent"></div>
                        </div>
                        <div class="circle-num">
                            <span>70</span>%
                        </div>
                    </div>
                    <p class="ptitle">Linux操作系统</p>
                </div>
                <div class="col-md-3 col-xs-6">
                    <div class="wrap-box">
                        <div class="circle-wrap clip-auto">
                            <div class="left-clip percent"></div>
                            <div class="right-clip percent"></div>
                        </div>
                        <div class="circle-num">
                            <span>60</span>%
                        </div>
                    </div>
                    <p class="ptitle">MySQL、Oracle、MongoDB</p>
                </div>
            </div>
        </div>
        <div id="section6" class="section">
            <h2>我的经历</h2>
            <hr>
            <div class="container center fades">
                <ul class="my-xp">
                    <li>
                        <div class="date-box">
                            <p>2022-05</p>
                            <p>-</p>
                            <p>2023-01</p>
                        </div>
                        <div class="my-work my-xp-box">
                            <strong>天津云边科技有限公司</strong>
                            <p class="ptitle">技术部/Java软件工程师</p>
                            <p>参加讨论相关项目需求、概要设计，并完成核心代码编写</p>
                            <p>使用SpringBoot、SpringMVC、Mybatis进行开发</p>
                            <p>参与项目需求分析和系统设计阶段，与团队成员合作讨论，并根据用户需求和功能要求，进行系统架构设计和数据库设计。通过这一过程，我深入了解了项目的整体规划和业务逻辑。</p>
                        </div>
                    </li>
                    <!-- <li>
                        <div class="date-box">
                            <p>2017-12</p>
                            <p>-</p>
                            <p>2019-03</p>
                        </div>
                        <div class="my-work my-xp-box right">
                            <strong>江西三叉数信息科技有限公司</strong>
                            <p class="ptitle">技术部/Java软件工程师</p>
                            <p>使用SSM、SpringCloud、Nacos、VueJS等前沿开发技术</p>
                            <p>获得过公司颁发并盖章的优秀员工荣誉证书奖</p>
                        </div>
                    </li>
                    <li>
                        <div class="date-box">
                            <p>2016-06</p>
                            <p>-</p>
                            <p>2017-11</p>
                        </div>
                        <div class="my-work my-xp-box">
                            <strong>江西益强微盈信息科技有限公司</strong>
                            <p class="ptitle">技术部/Java软件工程师</p>
                            <p>参加讨论相关项目需求、概要设计，并完成核心代码编写</p>
                            <p>使用SpringBoot、SpringMVC、Mybatis进行开发</p>
                            <p></p>
                        </div>
                    </li> -->

                </ul>
            </div>
        </div>
        <div id="section7" class="section">
            <h2>联系我</h2>
            <hr>
            <div class="center fades fadesin">
                <div class="my-intro">
                    <p>联系QQ：<a target="_blank" href="#">1492881978</a>&nbsp;&nbsp;|&nbsp;&nbsp;我的微信：GONGZHUDIANXIAKAWAYI
                    </p>
                    <p>不浮躁，不偏激，不守旧，爱编程，爱后端，爱新技术，爱运动，爱旅行，执行力和学习能力都棒棒哒！
                    </p>
                    <p>主要涉及技术：Java后端开发、聚合支付、公众号开发、开源爱好者、Linux</p>
                    <p>个人博客：<a href="#" target="_blank">地址</a></p>
                    <p class="links">开发笔记：<a href="#" target="_blank">地址</a>
                    </p>
                    <p class="links">GitHub：<a href="#" target="_blank">地址</a>
                    </p>
                    <p class="links">码云：<a href="https://gitee.com/gongzhudian" target="_blank"地址</a>
                    </p>
                    <p class="links">简书：<a href="#" target="_blank">地址</a>
                    </p>
                    <p class="links">CSDN：<a href="#" target="_blank">地址</a>
                    </p>
                    <p class="links">知乎：<a href="#" target="_blank">地址</a>
                    </p>
                    <p class="links">微博：<a href="#" target="_blank">地址</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <p class="center beian">&copy; 2023miku | 码云:<a href="https://gitee.com/gongzhudian" target="_blank">Miku</a> by
        Miku</p>
        <canvas id="live2d" width="300" height="300"></canvas>
</div>
<div class="sea">
    <div class="wave"></div>
    <div class="wave"></div>
</div>
<script src="./js/jquery-1.11.1.min.js"></script>
<script src="./js/mycv.js"></script>
</body>
</html>
